<template>
	<view>
		<web-view :src="src" @message="handleMessage" @onPostMessage="getMessage"></web-view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

				src: '', // webviewSrc
			};
		},
		onReady() {
			this.initMap();
		},
		methods: {
			initMap() {
				// 示例：规划从北京到上海的路线
				let obj1 = {
					lat: 35.441275421375835,
					lng: 116.59536904894496,
				}

				let obj2 = {
					lat: 35.494119,
					lng: 117.198287
				}

				// encodeURIComponent(JSON.stringify(obj)
				this.src = "/static/index.html?start=" + encodeURIComponent(JSON.stringify(obj1)) + "&end=" +
					encodeURIComponent(JSON.stringify(obj2))

			},

			handleMessage(evt) {
				// 在这里处理从 html 页面接收到的消息
				console.log('接收到的消息：-----------' + JSON.stringify(evt.detail.data));
			},
			handleMessage(evt) {
				// 在这里处理从 html 页面接收到的消息
				console.log('接收到的消息：' + JSON.stringify(evt.detail.data));
			},
			
		},
		onUnload() {
		}
	};
</script>

<style>
	#navigation-instructions {
		position: absolute;
		top: 10px;
		left: 10px;
		width: 100px;
		max-height: 200px;
		overflow: auto;
		background: white;
		padding: 10px;
		z-index: 1000;
		margin-bottom: 10px;
	}
</style>